<template>
  <div>
    <div class="router-list">
      ssssssssssssssssssssssssssss
      <Menu :menuList="routeList" mode="router"></Menu>
    </div>
    <div class="home-page-view">
      <transition name="el-fade-in">
        <router-view></router-view>
      </transition>
    </div>
  </div>
</template>
<script>
import Menu from '@/components/Menu'
export default {
  name: 'HomePage',
  components: { Menu, },
  data () {
    return {
      routeList: [
        { path: "/personrecom", name: '个性推荐', },
        { path: '/songlist', name: '歌单', },
        { path: '/ranklist', name: '排行榜', },
        { path: '/singer', name: '歌手', },
        { path: '/newmusic', name: '最新音乐', }
      ],
    }
  },
}
</script>

<style scoped lang="less">
.router-list {
  height: 60px;
  width: 100%;
  position: fixed;
  z-index: 1000;
}

.home-page-view {
  margin-top: 70px;
}
</style>